﻿<div>
    <!-- Spill Location DropDown -->
    <div class="ERGSettingsRow">
      <div class="ERGLabelSettingsRightButton ERGSettingsButtonIcon ERGPointer" title="${nls.spillLocationButtonLabel}" data-dojo-attach-point="spillLocationSettingsButton"></div>
      <div class="ERGInputLabelSettings ERGEllipsis SubTitle" title="${nls.spillLocationLabel}">${nls.spillLocationLabel}</div>      
    </div>
    
    <!-- Spill Location Color Pickers -->
    <div class="container controlGroupHidden" data-dojo-attach-point="spillLocationContainer">      
      <div class="GRGDrafterEllipsis" title="${nls.outline}">${nls.outline}</div>
      <div class="colorPicker Line" id="spillLocationOutlineColor" data-dojo-attach-point="spillLocationOutlineColorPicker"></div>
      <div class="GRGDrafterEllipsis" title="${nls.fill}">${nls.fill}</div>
      <div class="colorPicker Fill" id="spillLocationFillColor" data-dojo-attach-point="spillLocationFillColorPicker"></div>
    </div>
    
    <!-- Initial Isolation Zone DropDown -->
    <div class="ERGSettingsRow">
      <div class="ERGLabelSettingsRightButton ERGSettingsButtonIcon ERGPointer" title="${nls.IIButtonLabel}" data-dojo-attach-point="IISettingsButton"></div>
      <div class="ERGInputLabelSettings ERGEllipsis SubTitle" title="${nls.IISettingsLabel}">${nls.IISettingsLabel}</div>      
    </div>
    
    <!-- Initial Isolation Zone -->
    <div class="container controlGroupHidden" data-dojo-attach-point="IIZoneContainer">
      <div class="GRGDrafterEllipsis" title="${nls.outline}">${nls.outline}</div>
      <div class="colorPicker Line" id="IIZoneOutlineColor" data-dojo-attach-point="IIZoneOutlineColorPicker"></div> 
      <div class="GRGDrafterEllipsis" title="${nls.fill}">${nls.fill}</div>
      <div class="colorPicker Fill" id="IIZoneFillColor" data-dojo-attach-point="IIZoneFillColorPicker"></div>
    </div>    
    
    <!-- Protective Action Zone DropDown -->    
    <div class="ERGSettingsRow">
      <div class="ERGLabelSettingsRightButton ERGSettingsButtonIcon ERGPointer" title="${nls.PAButtonLabel}" data-dojo-attach-point="PASettingsButton"></div>
      <div class="ERGInputLabelSettings ERGEllipsis SubTitle" title="${nls.PASettingsLabel}">${nls.PASettingsLabel}</div>
    </div>
    
    <!-- Protective Action Zone -->
    <div class="container controlGroupHidden" data-dojo-attach-point="PAZoneContainer">
      <div class="GRGDrafterEllipsis" title="${nls.outline}">${nls.outline}</div>
      <div class="colorPicker Line" id="PAZoneOutlineColor" data-dojo-attach-point="PAZoneOutlineColorPicker"></div>
      <div class="GRGDrafterEllipsis" title="${nls.fill}">${nls.fill}</div>
      <div class="colorPicker Fill" id="PAZoneFillColor" data-dojo-attach-point="PAZoneFillColorPicker"></div>
    </div> 
    
    <!-- Downwind Zone DropDown -->    
    <div class="ERGSettingsRow">
      <div class="ERGLabelSettingsRightButton ERGSettingsButtonIcon ERGPointer" title="${nls.downwindButtonLabel}" data-dojo-attach-point="downwindSettingsButton"></div>
      <div class="ERGInputLabelSettings ERGEllipsis SubTitle" title="${nls.downwindSettingsLabel}">${nls.downwindSettingsLabel}</div>
    </div>
    
    <!-- Downwind Action Zone -->
    <div class="container controlGroupHidden" data-dojo-attach-point="downwindZoneContainer">
      <div class="GRGDrafterEllipsis" title="${nls.outline}">${nls.outline}</div>
      <div class="colorPicker Line" id="downwindZoneOutlineColor" data-dojo-attach-point="downwindZoneOutlineColorPicker"></div>
      <div class="GRGDrafterEllipsis" title="${nls.fill}">${nls.fill}</div>
      <div class="colorPicker Fill" id="downwindZoneFillColor" data-dojo-attach-point="downwindZoneFillColorPicker"></div>
    </div>
    
    <!-- Fire Isolation DropDown -->
    <div class="ERGSettingsRow">      
      <div class="ERGLabelSettingsRightButton ERGSettingsButtonIcon ERGPointer" title="${nls.fireButtonLabel}" data-dojo-attach-point="fireSettingsButton"></div>
      <div class="ERGInputLabelSettings ERGEllipsis SubTitle" title="${nls.fireSettingsLabel}">${nls.fireSettingsLabel}</div>
    </div>
    
    <!-- Fire Isolation Zone -->
    <div class="container controlGroupHidden" data-dojo-attach-point="fireZoneContainer">
      <div class="GRGDrafterEllipsis" title="${nls.outline}">${nls.outline}</div>
      <div class="colorPicker Line" id="fireZoneOutlineColor" data-dojo-attach-point="fireZoneOutlineColorPicker"></div>
      <div class="GRGDrafterEllipsis" title="${nls.fill}">${nls.fill}</div>
      <div class="colorPicker Fill" id="fireZoneFillColor" data-dojo-attach-point="fireZoneFillColorPicker"></div>
    </div>
    
    <!-- BLEVE Isolation DropDown -->
    <div class="ERGSettingsRow">
      <div class="ERGLabelSettingsRightButton ERGSettingsButtonIcon ERGPointer" title="${nls.bleveButtonLabel}" data-dojo-attach-point="bleveSettingsButton"></div>
      <div class="ERGInputLabelSettings ERGEllipsis SubTitle" title="${nls.bleveSettingsLabel}">${nls.bleveSettingsLabel}</div>
    </div>
    
    <!-- BLEVE Isolation Zone -->
    <div class="container controlGroupHidden" data-dojo-attach-point="bleveZoneContainer">
      <div class="GRGDrafterEllipsis" title="${nls.outline}">${nls.outline}</div>
      <div class="colorPicker Line" id="bleveZoneOutlineColor" data-dojo-attach-point="bleveZoneOutlineColorPicker"></div>
      <div class="GRGDrafterEllipsis" title="${nls.fill}">${nls.fill}</div>
      <div class="colorPicker Fill" id="bleveZoneFillColor" data-dojo-attach-point="bleveZoneFillColorPicker"></div>
    </div>
</div>